import styles from "./DGFooterView.module.css";
import {Box, useTheme} from "@mui/material";
import DGAvatar from "../DGAvatar.tsx";
// import DGGrowView from "../DGGrowView.tsx";

function DGFooterView() {
    const mode = useTheme().palette.mode === "light";

    return (<Box>
        <footer className={`${styles.DGFooterView} ${mode ? styles.light : styles.dark}`}>
            <Box className={styles.Content}>
                <DGAvatar className={styles.Logo} square>DreamGarden</DGAvatar>
                <Box className={styles.Copyright}>
                    © 2023-{new Date().getFullYear()} DreamGarden ALL RIGHTS RESERVED.
                </Box>
            </Box>
            {/*<ul className={style.footerBox}>*/}
            {/*    <li>*/}
            {/*        <ul>*/}
            {/*            /!*<li>备0000000000000号</li>*!/*/}
            {/*            /!*<li>THE WEB MADE BY FUNCTIONIN</li>*!/*/}
            {/*            <li className={style.bold}>© 2023-{new Date().getFullYear()} DreamGarden. ALL RIGHTS RESERVED.</li>*/}
            {/*        </ul>*/}
            {/*    </li>*/}
            {/*</ul>*/}
            {/*<ul className={style.footerBox}>*/}
            {/*    <li>*/}
            {/*        <ul>*/}
            {/*            /!*<li>备0000000000000号</li>*!/*/}
            {/*            /!*<li>THE WEB MADE BY FUNCTIONIN</li>*!/*/}
            {/*            <li className={style.bold}>© 2023-{new Date().getFullYear()} DreamGarden. ALL RIGHTS RESERVED.</li>*/}
            {/*        </ul>*/}
            {/*    </li>*/}
            {/*</ul>*/}
        </footer>
    </Box>);
}

export default DGFooterView;